:root {
    font-size: 12px;
    line-height: 2em;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    --color-primary: rgb(0, 120, 215);
    --color-primary-dark: rgb(0, 100, 190);
    --color-primary-hover: rgb(5, 125, 225);
    --color-primary-lite: rgb(235, 245, 255);
    --color-primary-lite2: rgb(230, 240, 255);

    --color-ctrl: #f0f0f0;
    --color-ctrl-dark: #e0e0e0;

    --color-text-gray: #c0c0c0;

    --color-btn-hover: #e0e0e0;
    --color-btn-active: #c0c0c0;
    --color-border-ctrl: #c0c0c0;
    --color-shadow: #a0a0a0;
    --color-disabled: #c0c0c0;

    --border-ctrl: solid 1px var(--color-border-ctrl);
    --border-btn: solid 1px var(--color-ctrl-dark);
}
